<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="format-detection" content="telephone=no" />
  <meta content="email=no" name="format-detection" />
  <script src="build/flexible.js"></script>
  <script src="build/flexible_css.js"></script>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/icons.css">
  <link rel="stylesheet" href="css/each/eachMall.css">
  <!--[if lt IE 8]><!-->
  <link rel="stylesheet" href="ie7/ie7.css">
  <!--<![endif]-->
  <title>城市超市</title>
</head>
<body>
<header>
  <div class="header-tit box box-left box-center">
    <div class="item-fix header-icon"><a href="mallList.html" class=" icon-back"></a></div>
    <h1 class="item">城市超市</h1>
    <div class="item-fix icons-square"></div>
  </div>
</header>
<section class="section-single">
  <div class="time-tip color-red">
    <p class="font14">本店营业时间：<span>9:00-21:00</span></p>
  </div>
  <div class="product-menu">
    <ul class="menu-ul box box-between font14">
      <li><a href="#" class="color-red">全部</a></li>
      <li><a href="#">干果</a></li>
      <li><a href="#">饼干</a></li>
      <li><a href="#">进口食品</a></li>
      <li><a href="#">休闲食品</a></li>
      <li><a href="#">生鲜</a></li>
      <li class="see-more-menu-icon"><a href="javascript:void(0)" >▼</a></li>
    </ul>
    <div class="more-menu-list">
      <ul class="more-menu-ul box box-left box-wrap font14">
        <li><a href="#">分类</a></li>
        <li><a href="#">分类</a></li>
        <li><a href="#">分类</a></li>
        <li><a href="#">分类</a></li>
      </ul>
    </div>
  </div>
  <div class="product-list">
    <ul class="product-ul box box-between box-wrap">
      <li class="product-item">
        <a href="productDetail.html" class="product-item-img box box-center">
          <img src="img/product_1.png" alt="">
        </a>
        <div class="product-item-introl font14">
          <p class="product-item-name">良品铺子零食大礼包</p>
          <p class="product-item-sell box box-between">
            <span class="product-item-price color-red"><b>￥28.00</b></span>
            <span class="product-item-addBuy"></span>
          </p>
        </div>
      </li>
      <li class="product-item">
        <a href="productDetail.html" class="product-item-img box box-center">
          <img src="img/product_2.png" alt="">
        </a>
        <div class="product-item-introl font14">
          <p class="product-item-name">良品铺子零食大礼包</p>
          <p class="product-item-sell box box-between">
            <span class="product-item-price color-red"><b>￥28.00</b></span>
            <span class="product-item-addBuy"></span>
          </p>
        </div>
      </li>
      <li class="product-item">
        <a href="productDetail.html" class="product-item-img box box-center">
          <img src="img/product_3.png" alt="">
        </a>
        <div class="product-item-introl font14">
          <p class="product-item-name">良品铺子零食大礼包</p>
          <p class="product-item-sell box box-between">
            <span class="product-item-price color-red"><b>￥28.00</b></span>
            <span class="product-item-addBuy"></span>
          </p>
        </div>
      </li>
      <li class="product-item">
        <a href="productDetail.html" class="product-item-img box box-center">
          <img src="img/product_4.png" alt="">
        </a>
        <div class="product-item-introl font14">
          <p class="product-item-name">良品铺子零食大礼包</p>
          <p class="product-item-sell box box-between">
            <span class="product-item-price color-red"><b>￥28.00</b></span>
            <span class="product-item-activeBuy"></span>
          </p>
        </div>
      </li>
    </ul>
  </div>
</section>
<div class="calc-position box box-center">
  <span class="icon-item box box-center"><i class="shopping-card-icon"></i></span>
  <span class="calc-item">
    <p>共<span class="totalProduct">13</span>件商品</p>
    <p>总价：<span class="totalPrice">234.5</span>元（含<span>6</span>元配送费）</p>
  </span>
  <span class="btn-item">
    <a href="#" class="footer-pay-btn">结算</a>
  </span>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/each/eachMall.js"></script>
</html>